<template>
	<div class="notice_box">
        <div class="title_box">
            <p class="title">选择发布类型</p>
            <p class="close" @click="close"><u-icon name="close" color="#ffffff" size="20"></u-icon></p>
        </div>
       <div class="msg">
            <div class="box" @click="toGs">
                <img src="/static/fb_icon1.png" alt="">
                <p>卖公司</p>
            </div>
            <div class="box" @click="toGt">
                <img src="/static/fb_icon2.png" alt="">
                <p>卖个体户</p>
            </div>
            <div class="box" @click="toDz">
                <img src="/static/fb_icon3.png" alt="">
                <p>卖代账户</p>
            </div>
       </div>
    </div>
</template>

<script>
    import { mapState,mapActions } from 'vuex'
	export default {
        options: {
            styleIsolation: 'shared'
        },
		data() {
			return {
			}
		},
        computed: {
			...mapState({
				userId: state => state.user.userId,
				token: state => state.user.token,
				status:state => state.user.status,
			})
		},
		methods: {
			
            close(){
                this.$emit('close')
            },

            toGs(){
                uni.navigateTo({
                    url: '/pages/company/payGs/index'
                });
            },

            toGt(){
                uni.navigateTo({
                    url: '/pages/company/payGt/index'
                });
            },

            toDz(){
                uni.navigateTo({
                    url: '/pages/company/payDz/index'
                });
            }
		},
        mounted(){
            console.log('111')
        },
        onLoad() {
		},
		onShow(){
            console.log('222')
        },
        // onShareAppMessage() {
		// 	return {
		// 		title: '免费用万人接单群',
		// 		path: `/pages/index/index?shareUserId=${this.userId}`
		// 	}
		// },
	}
</script>

<style lang="scss" scoped>
    @mixin content-flex($pitch) {
		display: flex;
		align-items: center;
		justify-content:  $pitch;
	}
	.notice_box{
        border-radius: 20rpx;
        .title_box{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 84rpx;
            background: #23AC39;
            border-radius: 20rpx 20rpx 0px 0px;
            padding:0 30rpx;
            .title{
                font-size:34rpx;
                color:#fff;
                font-weight: 500;
            }
        }
        .msg{
            height: 304rpx;
            background: linear-gradient(180deg, #FFFFFF 0%, #F0FFF3 100%);
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:0 38rpx;
            .box{
                width: 200rpx;
                height: 212rpx;
                border-radius: 20rpx;
                background: #FFFFFF;
                box-shadow: 0px 8rpx 20rpx 0px rgba(0, 0, 0, 0.05);
                display: flex;
                flex-direction:column;
                justify-content: center;
                align-items: center;
                img{
                    width: 100rpx;
                    height: 100rpx;
                }
                p{
                    font-size: 28rpx;
                    color: #333333;
                    margin-top:10rpx;
                }
            }
        }
    }
</style>
